<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="js/jQuery-v1.7.2.js"></script>
<script type="text/javascript" src="js/basic.js"></script>
<script type="text/javascript" src="js/images.js"></script>
<link href="css/base.css" rel="stylesheet" type="text/css" />
<link href="css/page2.css" rel="stylesheet" type="text/css" />
<link href="css/gooddisplay.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="top">
   <div class="top_countent">
       <div class="top_left">
           <img src="images/user_backend/happy.jpg" alt="" title="" />
       </div>
       <div class="top_page">
          <a href="#" class="bg-pic">主页</a>|<a href="#" style="margin-right: 0px;">登录</a>
       </div>
   </div>
</div>
<div class="main">
    <div class="banner" style="display:none;">
       <div class="blank10"></div>
       <div id="outslides">
           <div class="slides_container">
               <a href="#" class="block"><img src="images/banner.jpg" alt="" title="" /></a>
               <a href="#"><img src="images/banner.jpg" alt="" title="" /></a>
               <a href="#"><img src="images/banner.jpg" alt="" title="" /></a> 
           </div>
           <div id="slides">
               <ul class="nav">
                   <li class="current"><a href="#">1</a></li>
                   <li><a href="#">2</a></li>
                   <li><a href="#">3</a></li>
               </ul>
           </div>
       </div>
    </div>
    <div class="blank10"></div>
    <div class="clean"></div>
    <div class="Search">
        <div class="logo">
            <a href="#"><img src="images/logo.jpg" alt="logo" title="logo" /></a>
        </div>
        <div class="text_right">
            <div class="blank10"></div>
            <p class="b3">欢迎您，&nbsp;Torry Liu!<span><span class="ucent_bt">用户中心</span><a href="#" class="pw_1">退出</a></span></p>
        </div>
        <div class="clean"></div>
    </div>
    
    <!-- nav --> 
    <div class="link">
        <ul>
           <li><a href="#" class="bg_nav">首页</a></li>
        </ul>
    </div>
    <!-- 广告位 -->
    <div class="shop_ad2"><img src="images/upload/ad2.png" /></div>

    <div class="s_box1">
      <div class="s_inboxleft f_l">
        <img class="s_logo" src="images/upload/s_logo.png">
        <div class="shop-promise">
          <ul>
            <li><a target="_blank" href="#">正品保障</a></li>
            <li><a target="_blank" href="#">提供发票</a></li>
            <li class="last" id="J_7day"><a target="_blank" href="#">七天退换</a></li>
          </ul>
          <div class="clear"></div>
          <p class="yearsold">金牌会员第三年
            <span class="shop-grade"><span class="shop-grade-value" style="width:20%;">&nbsp;</span></span>
            <span>5.0</span>
          </p>
        </div>
        <table>
          <tr><td width="50">公司名:</td><td>深圳市力动商贸有限公司</td></tr>
          <tr><td>地址:</td><td>深圳市福田区泰然工贸园220栋501室</td></tr>
          <tr><td>电话:</td><td>1234569710</td></tr>
          <tr><td>主营:</td><td>Kaapa力动专卖男女鞋类、服装、短裤、徽章</td></tr>
        </table>
      </div>
      <div class="s_inboxright f_r"><img src="images/upload/ad1.png" /></div>
      <div class="clear"></div>
    </div>
    <div class="blank10"></div>
    <!-- 产品列表 -->
    <div class="s_pbox padding10">
      <!-- 左边排行榜等 -->
      <div class="s_pleft f_l">
        <div class="silde_box">
           <div class="s_title">搜索店内宝贝</div>
           <form method="post" action="">
             <table class="s_search">
               <tr><td>关键字：</td><td><input class="ipt_key" type="text" name=""  /></td></tr>
               <tr><td>价格：</td><td><input class="ipt_price" type="text" name=""  /> 到 <input class="ipt_price" type="text" name="" /></td></tr>
               <tr><td></td><td style="text-align:left;"><input type="submit" class="ipt_search_bt" value="搜 索"/></td></tr>
             </table>
           </form>
        </div>
        <div class="silde_box">
           <div class="s_title">宝贝排行榜</div>
           <div class="orderby_box">
              <ul class="tabs">
                <li name="li_name" id="lia_1" onclick="selectTab('taba_1','lia_1')" class="tabs_active">热销宝贝排行</li>
                <li onclick="selectTab('taba_2','lia_2')" name="li_name" id="lia_2">热门收藏排行</li>
              </ul>
              <div name="div_name" id="taba_1" style="display:block">
                 <dl>
                   <dt>
                     <a href=""><img src="images/upload/001.png"></a>
                   </dt>
                   <dd><a href="">kapper/背靠背 正品男</a></dd>
                   <dd>￥ <span class="price">88.00元</span></dd>
                   <dd><span class="selled">已售出5050笔</span></dd>
                 </dl>
                 <dl>
                   <dt>
                     <a href=""><img src="images/upload/002.png"></a>
                   </dt>
                   <dd><a href="">kapper/背靠背 正品男</a></dd>
                   <dd>￥ <span class="price">88.00元</span></dd>
                   <dd><span class="selled">已售出5050笔</span></dd>
                 </dl>
                 <dl>
                   <dt>
                     <a href=""><img src="images/upload/004.png"></a>
                   </dt>
                   <dd><a href="">kapper/背靠背 正品男</a></dd>
                   <dd>￥ <span class="price">88.00元</span></dd>
                   <dd><span class="selled">已售出5050笔</span></dd>
                 </dl>
                 <dl>
                   <dt>
                     <a href=""><img src="images/upload/004.png"></a>
                   </dt>
                   <dd><a href="">kapper/背靠背 正品男</a></dd>
                   <dd>￥ <span class="price">88.00元</span></dd>
                   <dd><span class="selled">已售出5050笔</span></dd>
                 </dl>
                 <dl>
                   <dt>
                     <a href=""><img src="images/upload/001.png"></a>
                   </dt>
                   <dd><a href="">kapper/背靠背 正品男</a></dd>
                   <dd>￥ <span class="price">88.00元</span></dd>
                   <dd><span class="selled">已售出5050笔</span></dd>
                 </dl>
                 <dl>
                   <dt>
                     <a href=""><img src="images/upload/002.png"></a>
                   </dt>
                   <dd><a href="">kapper/背靠背 正品男</a></dd>
                   <dd>￥ <span class="price">88.00元</span></dd>
                   <dd><span class="selled">已售出5050笔</span></dd>
                 </dl>
                 <dl>
                   <dt>
                     <a href=""><img src="images/upload/004.png"></a>
                   </dt>
                   <dd><a href="">kapper/背靠背 正品男</a></dd>
                   <dd>￥ <span class="price">88.00元</span></dd>
                   <dd><span class="selled">已售出5050笔</span></dd>
                 </dl>
                 <dl>
                   <dt>
                     <a href=""><img src="images/upload/001.png"></a>
                   </dt>
                   <dd><a href="">kapper/背靠背 正品男</a></dd>
                   <dd>￥ <span class="price">88.00元</span></dd>
                   <dd><span class="selled">已售出5050笔</span></dd>
                 </dl>
                 <dl>
                 <dt>
                     <a href=""><img src="images/upload/002.png"></a>
                   </dt>
                   <dd><a href="">kapper/背靠背 正品男</a></dd>
                   <dd>￥ <span class="price">88.00元</span></dd>
                   <dd><span class="selled">已售出5050笔</span></dd>
                 </dl>
                  <dt>
                     <a href=""><img src="images/upload/004.png"></a>
                   </dt>
                   <dd><a href="">kapper/背靠背 正品男</a></dd>
                   <dd>￥ <span class="price">88.00元</span></dd>
                   <dd><span class="selled">已售出5050笔</span></dd>
                 </dl>
                 <dl>
                   <dt>
                     <a href=""><img src="images/upload/001.png"></a>
                   </dt>
                   <dd><a href="">kapper/背靠背 正品男</a></dd>
                   <dd>￥ <span class="price">88.00元</span></dd>
                   <dd><span class="selled">已售出5050笔</span></dd>
                 </dl>
                 <dl>
                   <dt>
                     <a href=""><img src="images/upload/002.png"></a>
                   </dt>
                   <dd><a href="">kapper/背靠背 正品男</a></dd>
                   <dd>￥ <span class="price">88.00元</span></dd>
                   <dd><span class="selled">已售出5050笔</span></dd>
                 </dl>
                 <dl>
                   <dt>
                     <a href=""><img src="images/upload/004.png"></a>
                   </dt>
                   <dd><a href="">kapper/背靠背 正品男</a></dd>
                   <dd>￥ <span class="price">88.00元</span></dd>
                   <dd><span class="selled">已售出5050笔</span></dd>
                 </dl>
                 <dl>
                   <dt>
                     <a href=""><img src="images/upload/001.png"></a>
                   </dt>
                   <dd><a href="">kapper/背靠背 正品男</a></dd>
                   <dd>￥ <span class="price">88.00元</span></dd>
                   <dd><span class="selled">已售出5050笔</span></dd>
                 </dl>
                 <dl>
                 <dt>
                     <a href=""><img src="images/upload/002.png"></a>
                   </dt>
                   <dd><a href="">kapper/背靠背 正品男</a></dd>
                   <dd>￥ <span class="price">88.00元</span></dd>
                   <dd><span class="selled">已售出5050笔</span></dd>
                 </dl>
              </div>
              <div name="div_name" id="taba_2">
                <dl>
                 <dt>
                     <a href=""><img src="images/upload/004.png"></a>
                   </dt>
                   <dd><a href="">kapper/背靠背 正品男</a></dd>
                   <dd>￥ <span class="price">88.00元</span></dd>
                   <dd><span class="selled">已售出5050笔</span></dd>
                 </dl>
                 <dl>
                   <dt>
                     <a href=""><img src="images/upload/001.png"></a>
                   </dt>
                   <dd><a href="">kapper/背靠背 正品男</a></dd>
                   <dd>￥ <span class="price">88.00元</span></dd>
                   <dd><span class="selled">已售出5050笔</span></dd>
                 </dl>
                 <dl>
                   <dt>
                     <a href=""><img src="images/upload/002.png"></a>
                   </dt>
                   <dd><a href="">kapper/背靠背 正品男</a></dd>
                   <dd>￥ <span class="price">88.00元</span></dd>
                   <dd><span class="selled">已售出5050笔</span></dd>
                 </dl>
                 <dl>
                   <dt>
                     <a href=""><img src="images/upload/004.png"></a>
                   </dt>
                   <dd><a href="">kapper/背靠背 正品男</a></dd>
                   <dd>￥ <span class="price">88.00元</span></dd>
                   <dd><span class="selled">已售出5050笔</span></dd>
                 </dl>
                 <dl>
                   <dt>
                     <a href=""><img src="images/upload/001.png"></a>
                   </dt>
                   <dd><a href="">kapper/背靠背 正品男</a></dd>
                   <dd>￥ <span class="price">88.00元</span></dd>
                   <dd><span class="selled">已售出5050笔</span></dd>
                 </dl>
                 <dl>
                 <dt>
                     <a href=""><img src="images/upload/002.png"></a>
                   </dt>
                   <dd><a href="">kapper/背靠背 正品男</a></dd>
                   <dd>￥ <span class="price">88.00元</span></dd>
                   <dd><span class="selled">已售出5050笔</span></dd>
                 </dl>
              </div>
           </div>
        </div>
      </div>

      <!-- 右边产品详细 -->
      <div class="s_pright f_r">
        <h1 class="d_title">纯棉多色 Kappa 正品 男 短袖T恤 K2102TD443 <span class="jubao">举报此商品（<a href="#">举报</a>）</span></h1>

        <!-- 图片展示部分 -->
        <div class="prd_pic_box f_l">
          <div class="image" id="bigpics" title="">
            <img src="temp/four_find/picm05f.jpg" />
            <a href="javascript:;" class="zoombigs" title="放大">&nbsp;</a>
          </div>
          <div class="switch">
            <div class="icon1"><a href="#" title="上一个" onfocus="this.blur();">上一个</a></div>
              <div class="switch_center" id="pics">
                <ul>
                  <li><a href="#" class="on"><img src="temp/four_find/picm05.jpg" /></a></li>
                      <li><a href="#"><img src="temp/four_find/picm03.jpg" /></a></li>

                      <li><a href="#"><img src="temp/four_find/picm05.jpg" /></a></li>
                      <li><a href="#"><img src="temp/four_find/picm03.jpg" /></a></li>
                      <li><a href="#"><img src="temp/four_find/picm05.jpg" /></a></li>
                      <li><a href="#"><img src="temp/four_find/picm03.jpg" /></a></li>
                      <li><a href="#"><img src="temp/four_find/picm05.jpg" /></a></li>
                      <li><a href="#"><img src="temp/four_find/picm03.jpg" /></a></li>
                      <li><a href="#"><img src="temp/four_find/picm05.jpg" /></a></li>
                      <li><a href="#"><img src="temp/four_find/picm03.jpg" /></a></li>
                      <li><a href="#"><img src="temp/four_find/picm05.jpg" /></a></li>

                      <li><a href="#"><img src="temp/four_find/picm03.jpg" /></a></li>
                      <li><a href="#"><img src="temp/four_find/picm05.jpg" /></a></li>
                      <li><a href="#"><img src="temp/four_find/picm03.jpg" /></a></li>
                      <li><a href="#"><img src="temp/four_find/picm05.jpg" /></a></li>
                      <li><a href="#"><img src="temp/four_find/picm03.jpg" /></a></li>
                      <li><a href="#"><img src="temp/four_find/picm05.jpg" /></a></li>
                  </ul>
            </div>
              <div class="icon2"><a href="#" title="下一个" onfocus="this.blur();">下一个</a></div>
              <div class="clear"></div>
          </div>
          <p class="swp"><a href="" class="share">分享给好友</a><a href="" class="store">收藏该商品</a><span>人气(624)</span></p>
        </div>

        <!-- 产品详情 -->
        <div class="prd_detail f_r">
          <ul class="prd_dd">
            <li id="J_StrPriceModBox" class="tb-detail-price"><span class="tb-metatit">价格</span><strong id="J_StrPrice" class="del">149.00</strong><span class="yuan">元</span></li>
            <li id="J_PromoPrice" class="tb-detail-price">
              <span class="tb-metatit">促销</span>
              <em class="tb-promo-price-type">限时打折</em>
              <strong>42.00</strong>
              <span>元</span>
              <span>178小时35分钟</span>&nbsp;
              <span>后结束</span>
              <a id="J_MorePromoOptions" class="tb-more-promo-options" target="_blank" href="">更多促销</a>
            </li>
            <li>
              <span class="tb-metatit">配送</span>
              <div class="tb-postAge">
                <div id="J_dqPostAgeCont" class="tb-postAgeCont">至&nbsp;南昌</div>
                <span>快递:10.00</span>
                <span>EMS:20.00</span>
              </div>
            </li>
            <li class="tb-sold-out">
              <span class="tb-metatit">月销量</span>
              <em>248</em>件
            </li>
            <li id="J_start" class="tb-item-rates">
              <span class="tb-metatit">评价</span>
              <div class="com-wamp"><div style="width:60%;" class="com-value">&nbsp;</div></div>
              <span>4.7分</span>
              (<a href="#">已有200人评价</a>)
            </li>
          </ul>
          <div class="tb-key">
            <div class="tb-skin tb-naked">
              <div class="tb-sku">
                <dl class="tb-prop tb-clearfix">
                  <dt class="tb-metatit">尺码</dt>
                      <dd>
                        <ul class="tb-clearfix J_TSaleProp  " data-property="尺码">
                          <li data-value="20509:28314" class="tb-selected"><a href="#"><span>165/88A/L</span></a></li>
                          <li data-value="20509:28315"><a href="#"><span>160/84A/M</span></a></li>
                          <li data-value="20509:28316" class="tb-out-of-stock"><a href="#"><span>155/80A/S</span></a></li>
                          <li data-value="20509:28317"><a href="#"><span>170/92A/XL</span></a></li>
                          <li data-value="20509:28317"><a href="#"><span>170/92A/XL</span></a></li>
                          <li data-value="20509:28317"><a href="#"><span>170/92A/XL</span></a></li>
                          <li data-value="20509:28317"><a href="#"><span>170/92A/XL</span></a></li>
                        </ul>
                      </dd>
                </dl>
                <div class="clear"></div>
                <dl class="tb-prop tb-clearfix">
                  <dt class="tb-metatit">颜色分类</dt>
                  <dd>
                    <ul class="tb-clearfix J_TSaleProp tb-img  " data-property="颜色分类">
                      <li title="黑色/020" data-value="" class="tb-out-of-stock">
                        <a style="background:url(images/upload/pd1.jpg) center no-repeat;" href="#">
                          <span>黑色/020</span>
                        </a>
                      </li >
                     <li title="本白/012" data-value="" class="tb-selected">
                        <a style="background:url(images/upload/pd2.jpg) center no-repeat;" href="#">
                          <span>本白/012</span>
                        </a>
                        <i>已选中</i>
                     </li>
                     <li title="本白/012" data-value="" class="">
                        <a style="background:url(images/upload/pd3.jpg) center no-repeat;" href="#">
                          <span>本白/012</span>
                        </a>
                        <i>已选中</i>
                     </li>
                   </ul>
                 </dd>

              </dl>
              <div class="clear"></div>
               <dl class="tb-amount tb-clearfix">
                 <dt class="tb-metatit">数量</dt>
                 <dd id="J_Amount">
                     <span id="J_AmountWidget" class="tb-amount-widget"><input type="text" title="请输入购买量" maxlength="8" value="1" class="tb-text" id="J_IptAmount"><span class="increase"></span><span class="decrease"></span></span>件 (每人限购1件)
                 </dd>
               </dl>
               <div class="clear"></div>
             </div>
            </div>
          </div>
        </div>
        <div class="clear"></div>
        <div class="s_info">
          <!-- 详情评论 等TAB -->
           <div class="tabs_container">
             <ul class="tabs">
                <li ><a href="#tab1" class="select" href="javascript:;" tab="t1">商品详情</a></li>
                <li><a class="icon_accept" href="javascript:;" tab="t2">累计评价(200)</a></li>
                <li><a href="#tab3" href="javascript:;" tab="t3">月成交记录(1200)</a></li>
                <li><a href="#tab3" href="javascript:;" tab="t4">服务质量</a></li>
                <li><a href="#tab3" href="javascript:;" tab="t5">给我推荐</a></li>
                <li><a href="#tab3" href="javascript:;" tab="t6">售后服务</a></li>
             </ul>
           </div>
           <div  id="t1" class="tab_content_box spxq" style="display:block;">
              <p class="tipp">天翼商家承诺:您付款之后，如果商家延迟发货，可以获得商品价格30%（不大于500元）的赔付金，<a href="" style="color:#2a53a3;">详见</a></p>

              <div id="J_AttrList" class="attributes-list">
                <p class="attr-list-hd clearfix"><em>产品参数：</em></p>
                <ul>
                <li title="秋水伊人2012夏装新款韩版...">产品名称：秋水伊人2012夏装新款韩版...</li>    <li title="&nbsp;秋水伊人">品牌:&nbsp;秋水伊人</li><li title="&nbsp;112104012">货号:&nbsp;112104012</li><li title="&nbsp;宽松">版型:&nbsp;宽松</li><li title="&nbsp;通勤">风格:&nbsp;通勤</li><li title="&nbsp;淑女">通勤:&nbsp;淑女</li><li title="&nbsp;套头">穿着方式:&nbsp;套头</li><li title="&nbsp;单件">组合形式:&nbsp;单件</li><li title="&nbsp;短款(衣长小于55CM)">衣长:&nbsp;短款(衣长小于55CM)</li><li title="&nbsp;短袖">袖长:&nbsp;短袖</li><li title="&nbsp;圆领">领型:&nbsp;圆领</li><li title="&nbsp;泡泡袖">袖型:&nbsp;泡泡袖</li><li title="&nbsp;纯色">图案:&nbsp;纯色</li><li title="&nbsp;镂空">款式细节:&nbsp;镂空</li><li title="&nbsp;25-29岁">适合人群年龄段:&nbsp;25-29岁</li><li title="&nbsp;2012夏季">上市年份/季节:&nbsp;2012夏季</li><li title="&nbsp;121-200元">价格区间:&nbsp;121-200元</li><li title="&nbsp;黑色/020&nbsp;本白/012">颜色分类:&nbsp;黑色/020&nbsp;本白/012</li><li title="&nbsp;175/96A/XXL&nbsp;165/88A/L&nbsp;160/84A/M&nbsp;155/80A/S&nbsp;170/92A/XL">尺码:&nbsp;175/96A/XXL&nbsp;165/88A/L&nbsp;160/84A/M&nbsp;155/80A/S&nbsp;170/92A/XL</li>
               </ul>
             </div>
             <div class="rich_info">
              <img src="images/upload/info1.png">
             </div>
            </div>
           <div  id="t2" class="tab_content_box">dd</div>
           <div  id="t3" class="tab_content_box">yy</div>
           <div  id="t4" class="tab_content_box">tt</div>
           <div  id="t5" class="tab_content_box">xx</div>
           <div  id="t6" class="tab_content_box">xx</div>

           <div class=""></div>
        </div>
      </div> 
      <div class="clear"></div>
    </div>
    


 </div>  
    <div class="blank20"></div>   
<div class="footer">
    <div class="adress">
        <a href="#">品质承诺</a>|<a href="#">联系我们</a><br />
        <p>Copyright © 2012 SSNF.cn inc.All Rights Reserved. 翼友电子商城 版权所有</p>
    </div>
</div>
<script type="text/javascript">
//选择当前Tab
function selectTab(curr_div,curr_lab)
{
  $("div[name='div_name']").hide();
  $("#"+curr_div).show();

  $("li[name='li_name']").removeClass();
  $("#"+curr_lab).addClass('tabs_active');
}

$(document).ready(function(){
  $('.tabs_container a').click(function(){
        var hideID = $('.tabs_container a.select').attr('tab');
        $('.tabs_container a').removeClass('select');
        $(this).addClass('select');
        $('.tab_content_box').hide();
        $('#'+$(this).attr('tab')).show();
  });
});
</script>
</body>
</html>
